﻿<!DOCTYPE html>
@{    
    Layout = null;
}

@using DLULearningNetworkModel
@using DLULearningNetwork.Libs;

<html>
<head>
    <title>Dalat University Learning Network</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="../../Scripts/Custom/jsDate.js"></script>
    <script type="text/javascript" src="../../Scripts/Custom/jsLoginRegister.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            ProcessDate.init();
            Register.init();
        });
    </script>
</head>
<body>
    <div class="wrap">
        <div id="header_1">
            <div style="float: right;">
                <form id="FormLogin" method="post">
                    <table>
                        <tr>
                            <td style="width: 170px;">
                                <span class="text_1">Email</span>

                            </td>
                            <td style="width: 170px;">
                                <span class="text_1">Mật khẩu</span>
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input name="Email_Login" type="text" />
                            </td>
                            <td>
                                <input name="Password_Login" type="password" />
                            </td>
                            <td>
                                <input type="submit" value="Đăng nhập" class="button" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input name="KeepLogin" type="checkbox" /><span class="text_2" style="line-height: 20px;">Duy trì đăng
                                    nhập</span>
                            </td>
                            <td>
                                <a href="/Account/Recover" style="line-height: 20px;">Quên mật khẩu ?</a>
                            </td>
                            <td>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
    <div class="box_1" style="margin-top: 20px;">
        <div class="wrap">
            <div style="float: left; width: 40%; text-align: center; text-align: left;">
                <span style="color: #558a1b; font-size: 17px; font-weight: bold; line-height: 25px;">
                    Mạng học tập trường Đại học Đà Lạt cùng nhau chia sẻ kiến thức </span>
            </div>
            <div style="float: right; width: 40%; text-align: center; text-align: left;">
           
                <span class="title_1" style="padding-left: 10px;">
                    Đăng ký </span>
                <hr />
                <table>
                    <tr>
                        <td style="text-align: right;">
                            Họ:
                        </td>
                        <td>
                            <input name="LastName" type="text" style="width: 250px; height: 25px;" maxlength="50" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            Tên:
                        </td>
                        <td>
                            <input name="FirstName" type="text" style="width: 250px; height: 25px;" maxlength="100"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            Nickname:
                        </td>
                        <td>
                            <input name="Nickname" type="text" style="width: 250px; height: 25px;" maxlength="50"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            Email:
                        </td>
                        <td>
                            <input name="Email" type="text" style="width: 250px; height: 25px;" maxlength="50"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            Nhập lại Email:
                        </td>
                        <td>
                            <input name="ConfirmEmail" type="text" style="width: 250px; height: 25px;" maxlength="50"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            Mật khẩu:
                        </td>
                        <td>
                            <input name="Password" type="password" style="width: 250px; height: 25px;" maxlength="50" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            Nhập lại mật khẩu:
                        </td>
                        <td>
                            <input name="ConfirmPassword" type="password" style="width: 250px; height: 25px;" maxlength="50" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            Câu hỏi bí mật:
                        </td>
                        <td>
                            @{
                                List<SecurityQuestion> securityQuestions = SecurityQuestions.All();
                            }
                            <select name="SecurityQuestion" style="height: 25px;">
                                <option value="0">Chọn câu hỏi bí mật</option>
                                @{
                                    for (int i = 0; i < securityQuestions.Count; i++)
                                    {
                                    <option value="@securityQuestions[i].SecurityQuestionID_u">@securityQuestions[i].Content_s</option>
                                    }
                                }
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            Trả lời:
                        </td>
                        <td>
                            <input name="Answer" type="text" style="width: 250px; height: 25px;" maxlength="50"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            Giới tính:
                        </td>
                        <td>
                            <select name="Sex" style="height: 25px;">
                                <option value="0">Chọn giới tính</option>
                                <option value="Male">Nam</option>
                                <option value="Female">Nữ</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            Ngày sinh:
                        </td>
                        <td>
                            <select name="Day" style="height: 25px;">
                                <option value="0">Ngày</option>
                                @for (int i = 1; i <= 31; i++)
                                {
                                    <option value="@i">@i</option>
                                }
                            </select>
                            <select name="Month" style="height: 25px;">
                                <option value="0">Tháng</option>
                                @for (int i = 1; i <= 12; i++)
                                {
                                    <option value="@i">@i</option>
                                }
                            </select>
                            <select name="Year" style="height: 25px;">
                                <option value="0">Năm</option>
                                @{
                                    int currYear = DateTime.Now.Year;
                                    for (int i = currYear; i >= currYear - 106; i--)
                                    {
                                    <option value="@i">@i</option>
                                    }
                                }
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">Mã số :</td>
                        <td><input name="Code" type="text" style="width: 250px; height: 25px;" maxlength="50"/></td>
                    </tr>
                    @*<tr>
                       <td colspan="2">@Html.GenerateCaptcha(Constants.RECAPTCHA_PUBLIC_KEY)</td>
                    </tr>*@
                    <tr>
                        <td>
                        </td>
                        <td>
                            <input type="button" id="btnRegister" value="Đăng ký" class="button" style="font-size: 14px;
                                width: 100px;" />
                            <span class="loadingIcon"></span>
                        </td>
                    </tr>
                </table>
                <div class="box_error" style="margin-top: 10px;">
                </div>
                <div class="box_success" style="margin-top: 10px;">
                </div>
            </div>
        </div>
        <div class="clearall"></div>
    </div>
    <div class="wrap">
        <div id="footer">
            Dalat University Learning Network &copy; 2011. All rights reserved<br />
            Powered By <strong>Cactus</strong> - Version 1.0 Beta
        </div>
    </div>
</body>
</html>
